* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  box-sizing: border-box;
  text-decoration: none;
}

.maplibTfctr {
  display: none;
}

.maplibTc {
  display: none
}

body,
html,
#allmap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  font-family: "微软雅黑";
}

body {
  position: relative;
}

/* PC端手机端滚动条优化 */
.ele_new_left_good::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
}

.ele_new_left_good::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: #c5c5c5 !important;
  transition: 0.5s all;
}

.ele_new_left_good::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #c5c5c5 !important;
  transition: 0.5s all;
}

.ele_new_left_good::-webkit-scrollbar-track-piece {
  background-color: #fafafa !important;
  -webkit-border-radius: 0px;
}

.ele_new_left_good::-webkit-scrollbar-thumb:vertical {
  height: 1px;
  background-color: #d9d9d9 !important;
  -webkit-border-radius: 0px !important;
}

.ele_new_left_good::-webkit-scrollbar-thumb:horizontal {
  width: 4px;
  background-color: #d9d9d9 !important;
  -webkit-border-radius: 0px !important;
}

#app {
  width: 100%;
  height: 100%;
}

.anchorBL {
  display: none;
}

/*修改提示文字的颜色*/
input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
}

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
}

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
}

input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
}


header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 107px;
  background: url(../images/top.png);
  text-align: center;
  line-height: 80px;
  color: #fff;
  font-size: 30px;
}

/* 右侧消息栏 */
.dp-right {
  position: absolute;
  top: 115px;
  right: 20px;
  bottom: 10px;
  width: 284px;
  min-height: 850px;

  display: flex;
  flex-direction: column;

  transition: all 1.5s ease;
}

.event-list {
  flex: 1;
  background: url(../images/eventList.png);
  background-size: 100% 100%;

  display: flex;
  flex-direction: column;

  position: relative;

  overflow: hidden;
}

.event-list span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 40px;
  line-height: 45px;
}

/* 全部事件 */
.eventListAdd {
  width: 111px;
  line-height: 41px;
  background: #00A2FF;
  color: #fff;
  border-radius: 4px;
  padding-left: 15px;
  cursor: pointer;

  background: url(../images/qbsj.png);
  background-size: 100% 100%;

  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
}

.event-content {
  position: absolute;
  top: 40px;
  bottom: 55px;
  left: 0;
  right: 0;

  display: flex;
  flex-direction: column;
  align-items: center;

  overflow: auto;
}

.event-add {
  width: 253px;
  height: 75px;
  cursor: pointer;
  margin-top: 10px;

  display: flex;
  flex-direction: column;
}

.event-add:hover {
  background: rgba(255, 48, 48, .3);
}

.event-add-title {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}

.event-add-title span {
  margin: 0;
}

.event-add-content {
  padding: 0 20px;
  color: #00A2FF;
  line-height: 24px;
  padding-bottom: 10px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.unReadInfo{
  position:absolute;
  right:10px;

  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 22px;
  text-align: center;
  background: rgb(255, 14, 14);
  color: #fff;
  animation: unReadInfo 1s linear infinite; 
 
}
@keyframes unReadInfo{
  0%{opacity: 1;}
  100%{opacity: 0;} 
}

/* 切换样式 */
.redclass {
  background: url(../images/sjbjh.png);
  background-size: 100% 100%;
}

.yelloclass {
  background: url(../images/sjbjy.png);
  background-size: 100% 100%;
}

.greadclass {
  background: url(../images/sjbj.png);
  background-size: 100% 100%;
}

.monitoring-list {
  height: 235px;
  margin: 10px 0;
  background: url(../images/jk.png);
  background-size: 100% 100%;

  position: relative;
}

.monitoring-list span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}

.monitoring-content {
  position: absolute;
  top: 55px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  padding: 5px;

  display: grid;
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
}

.monitoring-content div {
  margin: 2px;
  border: 1px solid #159ee2c0;
  overflow: hidden;
}

.Weather {
  height: 207px;
  background: url(../images/tq.png);
  background-size: 100% 100%;

  display: flex;
  flex-direction: column;
}

.Weather span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}

.Weather-content {
  flex: 1;
  padding: 0 20px;
  display: flex;
  flex-direction: row;

  justify-content: space-between;
  align-items: center;
}

.Weather-content-img {
  width: 110px;
  height: 110px;
  background: url(../images/tab-list.png);
  background-size: 100% 100%;
}

.Weather-content-img span {
  display: flex;
  flex-direction: row;
  vertical-align: middle;

  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.Weather-content-img span h4 {
  font-size: 28px;
}

/* 左侧消息栏 */
.dp-left {
  position: absolute;
  top: 115px;
  left: 20px;
  bottom: 10px;
  width: 284px;
  min-height: 840px;

  display: flex;
  flex-direction: column;

  transition: all 1.5s ease;
}

.dp-left-t {
  width: 305px;
  top: 125px;
}

/* 应急指挥 */
.select-list {
  height: 61px;
  margin-bottom: 5px;

  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.select-list-left {
  width: 175px;
  height: 61px;

  background: url(../images/zh-z.png);
  background-size: 100% 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;

  cursor: pointer;
}

.select-list-event {
  display: block;
  width: 127px;
  height: 49px;
  background: url(../images/qbsj.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fafafa;
  cursor: pointer;

  position: absolute;
  top: -45px;
  left: 0px;
}

.select-list-right {
  width: 127px;
  height: 49px;
  color: #fff;

  text-align: center;
  line-height: 49px;
  cursor: pointer;

  background: url(../images/zh-y.png);
  background-size: 100% 100%;
}

/* 资源检索 */
.resources-list {
  height: 53px;
  margin-bottom: 5px;
  background: url(../images/zyjs.png);
  background-size: 100% 100%;

  padding: 10px 10px;
}

.resources-list img {
  color: #fff;
  margin: 0px 10px;
  vertical-align: middle;
}

.resources-list input {
  width: 80%;
  height: 100%;

  border: 0px solid transparent;
  background: transparent;
}

.resources-list input[type="text"]:focus {
  border: 0px solid transparent !important;
}

/* 值班 */
.scheduling {
  height: 188px;
  margin-bottom: 5px;

  background: url(../images/pb.png);
  background-size: 100% 100%;
}

.scheduling span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 40px;
  line-height: 45px;
}

.scheduling-title {
  width: 245px;
  height: 47px;
  background: #30a7e277;
  margin: 0 auto;
  margin-top: 15px;

  display: flex;
  align-items: center;
}

.scheduling-img {
  width: 48px;
  height: 47px;
  background: #1a9cddde;

  display: flex;
  justify-content: center;
  align-items: center;
}

.scheduling-title p {
  flex: 1;
  padding-left: 10px;
  color: #fafafa;
}

.scheduling-bottom {
  width: 245px;
  height: 47px;
  margin: 0 auto;
  margin-top: 15px;
  color: #fff;
  display: flex;
  align-items: center;
}

.scheduling-title-left {
  width: 97px;
  height: 38px;
  background: #30a7e277;

  display: flex;
  justify-content: center;
  align-items: center;
}

.scheduling-title-right {
  flex: 1;
  height: 38px;
  margin-left: 10px;
  background: #30a7e277;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* 信息 */
.title-list {
  height: 82px;
  margin-bottom: 5px;
  position: relative;
  display: flex;
}

.title-img {
  width: 209px;
  height: 74px;
  margin-left: -15px;
}

.title-list pre {
  position: absolute;
  top: 50%;
  right: 85px;
  transform: translateY(-50%);

  color: #fff;
  font-size: 18px;

  display: flex;
  align-items: center;
}
.title-list pre h1{
  width: 10px;
}

/* 预警事件 */
.early-warning {
  flex: 1;
  margin-bottom: 5px;
  background: url(../images/yj.png);
  background-size: 100% 100%;
  position: relative;

  display: flex;
  flex-direction: column;
}

.early-warning span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 40px;
  line-height: 45px;
}

.early-content {
  padding: 10px 10px;

  position: absolute;
  top: 40px;
  bottom: 5px;
  left: 0;
  right: 0;

  overflow: auto;
}


/* 预警信息 */
.Weather-list {
  width: 245px;
  height: 108px;
  background: #30a7e277;
  border: 1px solid #30a7e2b6;
  margin: 0 auto;
  margin-bottom: 5px;
  padding: 5px 10px;
}

.Weather-list h4 {
  font-size: 18px;
  font-weight: 500;
  color: #FFB800;
  line-height: 28px;
}

.Weather-list p:first-of-type {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}

.Weather-list p:last-child {
  font-size: 14px;
  color: #fff;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 底部tab */
.tab-list {
  width: 926px;
  height: 108px;
  background: url(../images/tab.png);

  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 1.5s ease;
}

.tablisttow {
  bottom: -118px;
}

.tab-list ul {
  height: 75px;
  position: absolute;
  left: 71px;
  right: 71px;
  bottom: 5px;

  display: flex;
  justify-content: space-evenly;
}

.tab-list ul li {
  width: 75px;
  height: 75px;
  background: #fff;
  color: #fff;
  background: url(../images/tab-list.png);
  background-size: 100% 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tab-list ul li img {
  width: 21px;
  height: 20px;
  margin-bottom: 5px;
}

/* 监控页面 */
.MonitoringSty {
  width: 379px;
  height: 200px;
  background: url(../images/jkk.png);
  border: '1px solid transparent';
  padding: 10px 10px;
}

.monbacking {
  width: 379px;
  height: 359px;
  background: url(../images/jkbj.png) !important;
  padding: 10px 10px;
}

.monbackingss {
  width: 379px;
  height: 459px;
  background: url(../images/jkbjss.png) !important;
  padding: 10px 10px;
}

.controlVideo {
  width: 120px;
  height: 120px;
  background: url(../images/ypvideo.png);
  background-size: 100% 100%;
  margin-left: 30px;

  position: relative;
  left: 50%;
  transform: translateX(-76%);
  z-index: 9999;
}

.controlVideo p {
  cursor: pointer;
}

.yxtop {
  width: 23px;
  height: 12px;
  background: url(../images/yxtop.png);
  background-size: 100% 100%;
  position: absolute;
  top: 9px;
  left: 34px;
}

.yxbottom {
  width: 23px;
  height: 12px;
  background: url(../images/yxbottom.png);
  background-size: 100% 100%;
  position: absolute;
  bottom: 9px;
  left: 34px;
}

.yxleft {
  width: 12px;
  height: 23px;
  background: url(../images/yxleft.png);
  background-size: 100% 100%;
  position: absolute;
  left: -6px;
  top: 48px;
}

.yxright {
  width: 12px;
  height: 23px;
  background: url(../images/yxright.png);
  background-size: 100% 100%;
  position: absolute;
  right: -6px;
  top: 48px;
}

.yxtl {
  width: 16px;
  height: 18px;
  background: url(../images/yxtl.png);
  background-size: 100% 100%;
  position: absolute;
  left: 7px;
  top: 21px;
}

.yxtr {
  width: 16px;
  height: 18px;
  background: url(../images/yxtr.png);
  background-size: 100% 100%;
  position: absolute;
  right: 6px;
  top: 23px;
}

.yxbl {
  width: 16px;
  height: 18px;
  background: url(../images/yxbl.png);
  background-size: 100% 100%;
  position: absolute;
  left: 7px;
  bottom: 21px;
}

.yxbr {
  width: 16px;
  height: 18px;
  background: url(../images/yxbr.png);
  background-size: 100% 100%;
  position: absolute;
  right: 6px;
  bottom: 20px;
}

.CameraVariation {
  width: 300px;
  height: 120px;
  position: absolute;
  left: 35px;
  bottom: -4px;

  display: flex;
  justify-content: space-between;
}

.CameraVariation_big {
  width: 50px;
  height: 50px;
  background: url(../images/CameraVariation.png);
  background-size: 100% 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.CameraVariation_small {
  width: 50px;
  height: 50px;
  background: url(../images/CameraVariation.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.MonitoringSty-title {
  font-size: 20px;
  margin: 15px 0 0 15px;
  color: #00A2FF;
}

.MonitoringSty p {
  margin: 0 15px;
  color: #fff;
}

.MonitoringSty-video {
  width: 329px;
  height: 203px;
  background: url(../images/video.png);

  margin: 15px 15px;
}

.MonitoringSty span {
  color: #fff;
  margin-left: 15px;
}

.Emergency {
  width: 900px;
  height: 329px;
  background: url(../images/jjsj.png);
  background-size: 100% 100%;

  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
}

.Emergency-title {
  color: #fff;
  font-size: 20px;

  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.Emergency-shutdown {
  position: absolute;
  top: 10px;
  right: 260px;

  cursor: pointer;
}

.Emergency pre {
  width: 300px;
  color: #fff;
  font-size: 18px;

  position: absolute;
  top: 49px;
  left: 160px;
}

.Emergency-content {
  width: 300px;
  color: #fff;
  font-size: 18px;

  position: absolute;
  top: 49px;
  left: 140px;
}

.Emergency-content li {
  line-height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Emergency-content li span {
  display: inline-block;
  width: 80px;
  text-align-last: justify;
}

.Emergency-content li span p {
  color: #FFC5C5;
}

.Operation {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;

  justify-content: baseline;
}

.Operation-cl {
  width: 127px;
  height: 49px;
  background: url(../images/cz.png);

  color: #fff;
  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;
}

.Emergency-img {
  width: 325px;
  height: 200px;
  border: 1px solid red;

  position: absolute;
  right: 110px;
  top: 55px;
}


/* 推送事件 */
.MonitoringStyEvent {
  width: 705px;
  height: 353px;
  background: url(../images/event.png);
  background-size: 100% 100%;
  border: '1px solid transparent';
  padding: 10px 10px;
}

.MonitoringStyEvent-title {
  font-size: 20px;
  margin: 10px 0 0 10px;
  color: #00A2FF;
}

.MonitoringStyEvent-content {
  width: 657px;
  height: 260px;
  background: url(../images/event-content.png);
  margin: 10px auto;
  position: relative;
  padding: 5px 10px;
}

.MonitoringStyEvent-text {
  width: 46%;
  color: #00A2FF;
  display: flex;
  line-height: 35px;
}

.MonitoringStyEvent-text span {
  display: inline-block;
  width: 65px;
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-8*/
  text-align-last: justify;
  /* ie9*/
  -moz-text-align-last: justify;
  /*ff*/
  -webkit-text-align-last: justify;
  /*chrome 20+*/
}

.MonitoringStyEvent-text p {
  width: 180px;
  color: #fff;
  margin-left: 10px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.EventDetails {
  width: 60px;
  padding: 4px 0;
  color: #fff;
  border: 1px solid #00A2FF;
  border-radius: 4px;
  text-align: center;
  margin-top: 5px;
  cursor: pointer;
}

.MonitoringStyEvent-img {
  width: 331px;
  height: 241px;
  border: 1px solid #00A2FF;
  color: #fafafa;

  position: absolute;
  top: 10px;
  right: 10px;
}


/* 切换 */

.tableright {
  right: -350px;
  transition: all 1.5s ease;
}

.tableleft {
  left: -330px;
  transition: all 1.5s ease;
}

/* 返回按钮 */
.returns {
  width: 127px;
  height: 49px;

  background: url(../images/zh-y.png);
  background-size: 100% 100%;
  color: #fafafa;
  position: absolute;
  top: 65px;
  right: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 内屏左 */
.gridclass {
  width: 325px;
  display: flex;
  flex-direction: column;
}


.Thestatusbar {
  flex: 1;
  background: pink;
  padding: 10px;

  background: url(../images/ztl.png);
  background-size: 100% 100%;

  display: flex;
  flex-direction: column;
}

.Thestatusbar-tab {
  display: flex;
}

.Thestatusbar-tab li {
  width: 80px;
  height: 45px;

  background: url(../images/tabs.png);
  background-size: 100% 100%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

  cursor: pointer;
}

.Reported {
  width: 288px;
  height: 189px;
  background: url(../images/xcbd-cs.png);
  margin: 0 auto;
  margin-top: 10px;
}

.ReportedBottom {
  width: 288px;
  flex: 1;
  background: url(../images/zjxcdb.png);
  background-size: 100% 100%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;

  position: relative;
}

.ReportedBottomtabs {
  position: absolute;
  top: 70px;
  left: 10px;
  right: 10px;
  bottom: 2px;

  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 50px auto;
}

/* 内屏右、 */
.Operation-inside {
  height: 60px;

  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.Operation-inside-left {
  /* width: 177px; */
  flex: 1;
  height: 60px;
  background: url(../images/czjl.png);

  padding-top: 10px;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
}

.Operation-inside-rigth {
  /* width: 169px; */
  flex: 1;
  height: 48px;
  background: url(../images/txdd.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #fff;
}

/* 天气 */
.WeatherCondition {
  height: 202px;
  background: pink;
  background: url(../images/tqzk.png);

  display: flex;
  justify-content: center;
  align-items: center;
}

.tqcon {
  width: 288px;
  height: 155px;
  background: url(../images/tqcon.png);

  padding: 10px;
}

.tqcon-title {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 32px;
}

.tqcon-content {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #00A2FF;
  line-height: 32px;
  margin: 5px 0;
}

.tqcon-bottom {
  display: inline-block;
  width: 259px;
  height: 34px;
  background: #1863b844;

  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 32px;

  padding-left: 10px;
}

.HitstraightScene {
  height: 341px;
  background: url(../images/zjxc.png);
  display: flex;
  flex-direction: column;
}

.HitstraightScene>span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}

.sceneclass {
  flex: 1;
  padding: 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
}

.maptype {
  width: 100px;
  height: 68px;

  position: absolute;
  bottom: 20px;
  right: 350px;
  /* z-index: 99; */
  border-radius: 4px;
  cursor: pointer;

  /* 动画过渡 */
  transition: all .5s ease;
}

.maptype:hover {
  width: 190px;
  background: rgba(0, 189, 176, 0.6);
}

/* 普通地图 */
.maptype-Ordinary {
  width: 86px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: url('../images/maptype.png');
  background-position: 0 0;

  /* 定位 */
  position: absolute;
  right: 5px;
  top: 4px;
  z-index: 99;

  /* 弹性布局 */
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;

  /* 阴影 */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.maptype-Ordinary>div {
  width: 100%;
  padding: 2px;

  display: flex;
  flex-direction: row-reverse;
}

.maptype-Ordinary>div>span {
  margin-bottom: -2px;
  font-size: 12px;
  color: #fff;
  padding: 4px;
  border-radius: 2px;
  transition: all .5s ease;
}

/* 鼠标经过普通地图时 */
.maptype-Ordinary:hover>div>span {
  background: #409eff;
}

/* 卫星地图 */
.maptype-Satellite {
  width: 86px;
  height: 60px;
  border: 1px solid #fff;
  border-radius: 8px;
  background: url('../images/maptype.png');
  background-position: 0 -60px;

  /* 定位 */
  position: absolute;
  right: 15px;
  top: 4px;
  opacity: .8;

  /* 弹性布局 */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;

  /* 阴影 */
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 1);

  /* 动画过度 */
  transition: all .5s ease;
}

.maptype-Satellite>div {
  width: 100%;
  padding: 2px;

  display: flex;
  flex-direction: row-reverse;
}

.maptype-Satellite>div>span {
  margin-bottom: -2px;
  font-size: 12px;
  color: #fff;
  padding: 4px;
  border-radius: 2px;
  transition: all .5s ease;
}

/* 开启路网 */
.maptype-Satellite .mapnetwork {
  background: rgba(0, 0, 0, .5);
  opacity: 0;
}

/* 鼠标经过卫星地图时 */
.maptype-Satellite:hover>div>span {
  background: #409eff;
}

.maptype-Satellite:hover .mapnetwork {
  opacity: 1;
}


.maptype:hover .maptype-Satellite {
  right: 98px;
  opacity: 1;
}

.el-checkbox__label {
  color: #fff;
  padding-left: 4px !important;
}

.Meet .el-checkbox__label {
  color: black;
}

/* 边框亮 */
.maptypeborder {
  border: 1px solid #409eff;
}

.el-checkbox {
  padding-right: 8px;
}

/* 背景亮 */
.maptypebg {
  background: #409eff;
}

/* 处置情况 */
.dp-situation {
  width: 310px;
  height: 61px;
  position: absolute;
  top: 70px;
  left: 20px;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;

  transition: all 1.5s ease;
}

.situation-left {
  width: 150px;
  height: 61px;
  color: red;
  background: url(../images/czqkl.png);
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.situation-right {
  width: 191px;
  height: 49px;
  background: url(../images/czqkr.png);
  background-size: 100% 100%;
  color: #00A2FF;
  font-size: 14px;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* 预案面板*/
.CasePanel {
  height: 400px;
  background: url(../images/czbz.png);
  padding: 0px 10px 0 10px;
  overflow: hidden;

  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 50px auto;
}

.CasePanel-content {
  overflow: auto;
}

.CasePaneltab {
  left: -310px;
}

.CasePanel>span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}

/* 启动预案 */
.StartPlan {
  height: 207px;
  overflow: auto;
  margin: 20px 20px 0 20px;
}

.Eatingplne {
  height: 100%;
  background: url(../images/yjya.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}

.Eatingplne>span {
  display: inline-block;
  color: #fff;
  margin-left: 50px;
  height: 50px;
  line-height: 50px;
}

.Bubble {
  background: #f9bb25;
  padding: 2px 2px;
  font-size: 12px;
}

.eventPlan-bottom {
  flex: 1;
  padding: 20px;
  overflow: auto;
  border-radius: 4px;
}

.eventconten {
  background: #00A2FF7e;
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;
}

.eventconten>span {
  font-size: 12px;
}

.eventconten>ul {
  margin-top: 10px;
}

.eventconten-title {
  height: 125px;
  margin-bottom: 10px;
  border: 1px solid #00A2FF;
}

.eventcontenTask {
  margin: 0 5px;
  border-top: 1px solid #00A2FF;
  padding-top: 10px;
  margin-bottom: 10px;
}


.taskInfoListclassbottom {
  color: #fff;

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}

.eventconten>p {
  margin: 5px 0;
}

.eventconten-Task>div {
  width: 80px;
  height: 30px;
  padding: 2px;
  border: 1px solid #00A2FF;
  text-align: center;
  margin-right: 10px;
  border-radius: 4px;
}

.eventtitle-top {
  display: flex;
  padding: 10px 10px;
  justify-content: space-between;
  align-items: center;

  background: #2470bd7a;
  border: 1px solid #00BDB1;
}

.eventtitle-top>div {
  width: 60px;
  background: #00A2FF;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
}

.eventtitle-bottom {
  padding: 5px 5px 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*超出3行部分显示省略号，去掉该属性 显示全部*/
  -webkit-box-orient: vertical;
}


.CasePaneltab-returns {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #00A2FF;
  position: absolute;
  top: 5px;
  right: 0px;
  cursor: pointer;
  color: #fff;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.taskTab {
  left: -390px;
}

.taskManagement {
  height: 830px;
  background: url(../images/rwgl.png);
  padding: 20px;


  display: flex;
  flex-direction: column;
}

.taskManagement>img {
  position: absolute;
  top: 20px;
  right: 20px;
}

.taskManagement>h3 {
  color: #fff;

}

.NewTasks {
  color: #fff;
  width: 100px;
  padding: 5px 0;
  text-align: center;
  background: #00A2FF;
  border-radius: 4px;
  cursor: pointer;
  margin: 10px 0;

  justify-content: center;
}

.NewTaskList {
  flex: 1;
  background: pink;
  background: url(../images/videos.png);
  background-size: 100% 100%;
  overflow: auto;
  padding: 10px;
}

.situation {
  height: 578px;
  background: url(../images/dqqk.png);
  background-size: 100% 100%;
}

/* 记录 */
.recordingclass {
  background: url(../images/ztl.png);
  background-size: 100% 100%;
  padding: 20px;
}

/* 会商 */
.Consultation {
  width: 325px;
  background: url(../images/hs.png);
  background-size: 100% 100%;
}

.Consultationtabs {
  margin-top: 30px;
  display: flex;
  /* justify-content: space-evenly; */
  align-items: center;
}

.Consultationtabs li {
  margin-left: 10px;
  width: 60px;
  height: 26px;
  border-radius: 2px;
  background: #002523;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.CasePaneltabbg {
  background: #00A2FF !important;
}

.borderclass {
  border: 1px solid #00A2FF;
}

.iconclass {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

.HallYes {
  color: #fff;
  padding: 2px 10px;
  border-radius: 2px;
  cursor: pointer;
}

.Consultationplan {
  position: absolute;
  top: 65px;
  left: 20px;
  right: 20px;
  bottom: 30px;
}

.Contacts {
  height: 640px;
  border: 1px solid #00A2FF;
  overflow: auto;
  margin: 10px 0;
}

.Contacts-bottom {
  width: 77px;
  height: 33px;
}

.Contacts-bottom>div {
  width: 100px;
  background: rgb(75, 190, 239);
  border: 1px solid #00a2ff;
  padding: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.resourcesListclass {
  display: flex;
  flex-direction: column;
  color: #fff;
  overflow: auto;
}

.resourcesListclass li {
  line-height: 30px;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
  cursor: pointer;
}

.resourcesListclass li span {
  display: inline-block;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.resourcesListclass li span img {
  vertical-align: middle;
}

.resourcesListclass li:hover {
  background: #016E67;
}

/* 事件编辑 */

.eventEditTop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  background: rgba(0, 0, 0, .5);
  z-index: 999;
}

.eventdetail {
  color: #00A2FF;

  display: flex;
}

.eventdetail p {
  color: #fff;
}

.eventEdit {
  width: 858px;
  height: 668px;
  background: url(../images/sjxqbj.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px;
}

.eventimg {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}


.eventEdit>h3 {
  line-height: 46px;
  color: #00A2FF;
}

/* 任务 */
.Taskcontent {
  width: 858px;
  height: 568px;
  background: url(../images/sjxqbj.png);
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 30px 30px 30px 20px;
}

.Taskcontent>h3 {
  padding: 10px 0;
}

.flexclass {
  width: 100%;
  height: 428px;

  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;

  column-gap: 10px;
}

.Taskcontent-text {
  width: 815px;
  height: 428px;
  background: url(../images/tqcon.png);
  background-size: 100% 100%;
  overflow: auto;
  padding: 10px 10px;
}

.userlistaddclass {
  background: url(../images/tqcon.png);
  background-size: 100% 100%;
  padding: 10px 10px;

  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100px auto;

  column-gap: 10px;
}

.el-tree-node__content {
  background: transparent !important;
}

.el-tree {
  background: transparent !important;
}

.el-tree-node__label {
  color: #fff !important;
}

.el-tree-node__content:hover {
  background-color: #00A2FF !important;
}

.Taskcontent-description {
  width: 100%;
  margin: 10px 0;
  padding: 5px;
  border: 0;
  outline: none;
  color: #fff;
  background: #016E67;
}

.assigned {
  width: 80px;
  padding: 5px;
  text-align: center;
  margin: 8px 0;
  cursor: pointer;
  background: rgba(50, 137, 218, 0.212);
  border: 1px solid rgba(50, 137, 218, 0.842);
	display: inline-block;
	margin-right: 20px;
}

.Taskcontent-Operation {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.el-radio__label {
  color: #fff !important;
}

.Taskcontent-Operation div {
  width: 107px;
  height: 42px;
  background: url(../images/fkh.png);
  background-size: 100% 100%;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.Taskcontent-Operation div:hover {
  background: url(../images/fk.png);
}

.el-form-item__label {
  color: #00A2FF !important;
}

.el-input__inner {
  color: #fff !important;
  background: rgba(50, 137, 218, 0.212) !important;
  border: 1px solid #00A2FF !important;
}

.el-form-item {
  margin-bottom: 0px !important;
}

#maptow {
  height: 200px;
  margin-top: 10px;
}

/* 定位 */
.Positioningclass {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 355px;
  bottom: 105px;
  background: #2d85d652;
  border: 1px solid #308ede;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 时间线 */
.el-timeline-item__timestamp {
  font-size: 16px !important;
  color: #00A2FF !important;
}

.el-timeline-item__tail {
  border-left: 2px solid #016E67;
}

.el-icon-circle-close {
  color: #fff;
}

.userTaskAssigned {
  width: 80px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background: #00A2FF;
  border-radius: 4px;
  cursor: pointer;
}

.textShow {
  width: 100%;
  height: 100%;
  padding: 20px;
}

.textShow li {
  display: flex;
  color: #00A2FF;
  line-height: 24px;
}

.textShow li p:nth-child(1) {
  width: 60px;
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-8*/
  text-align-last: justify;
  /* ie9*/
  -moz-text-align-last: justify;
  /*ff*/
  -webkit-text-align-last: justify;
  /*chrome 20+*/
}

.textShow li p:nth-child(2) {
  color: #fff;
  margin-left: 15px;
}

.el-checkbox {
  margin: 0 !important;
}

.choosecar .el-checkbox {
  width: 100%!important;
	line-height: 30px!important;
}
.chooseUser .el-checkbox {
  width: 50%!important;
	line-height: 30px!important;
}

/* 任务弹出确定按钮 */
.theTaskComplete {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .1);
  z-index: 999;
  padding-top: 300px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.theTaskComplete .ttc-center {
  width: 379px;
  height: 200px;
  background: url(../images/theTaskComplete.png);

  padding: 30px 20px 20px 20px;
}

.theTaskComplete .ttc-center span {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-align: center;
  line-height: 28px;
}

.theTaskComplete .ttc-center ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.theTaskComplete .ttc-center ul li span {
  width: 100px;
}

.theTaskComplete .ttc-center ul li p {
  color: #00A2FF;
}

.theTaskComplete .ttc-center .but {
  display: flex;
  justify-content: center;
  align-items: center;
}

.theTaskComplete .ttc-center .but .el-button {
  height: 32px;
  color: #002523;
  margin-top: 5px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.eventTowList {
  width: 300px;

  position: absolute;
  top: 120px;
  height: 380px;
  right: 0;
  background: #fff;
}



/* 偏移 */
.el-notification.right {
  right: 310px !important;
}


.el-textarea__inner {
  color: #fff !important;
  background: rgba(50, 137, 218, 0.212) !important;
  border: 1px solid #00A2FF !important;
}

.el-form-item {
  margin: 5px 0 !important;
}

.el-radio-group {
  line-height: 24px !important;
  margin: 10px 0 !important;
}

.el-upload--picture-card {
  background: transparent !important;
}

.el-upload {
  border: 1px solid #00A2FF !important;
}

.el-icon-plus {
  color: #00A2FF !important;
}




/*工单*/

.work-list{
	margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
